<style>
    legend {
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 15px;
        color: #0a5ba6;
    }
    .preview{
        height: calc(100vh - 78px)!important;
    }
</style>
<div class="row">
    <div class="col-5 col-sm-5 col-xs-12">
        <form id="ebill-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
            <input id="c-bill_id" class="hidden" name="row[bill]" type="text" value="{$bill_id}">
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-title" class="form-control" name="row[title]" data-rule="required" type="text">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Info')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea rows="3" id="c-info" class="form-control" name="row[info]" type="text"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('File')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <div class="input-group">
                        <input id="ebill-file" class="form-control" size="50" name="row[file]" data-rule="required" type="text" disabled="disabled">
                        <div class="input-group-addon no-border no-padding">
                            <span><button type="button" id="faupload-file" data-mimetype=".docx" class="btn btn-danger faupload" data-input-id="ebill-file" data-multiple="false" data-preview-id="file-preview"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        </div>
                        <span class="msg-box n-right" for="ebill-file"></span>
                    </div>
                    <ul class="row list-inline faupload-preview" id="file-preview"></ul>
                </div>
            </div>
            <div class="form-group layer-footer">
                <label class="control-label col-xs-12 col-sm-2"></label>
                <div class="col-xs-12 col-sm-8">
                    <button id="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
                    <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                </div>
            </div>
        </form>
    </div>
    <div class="col-7 col-sm-7 col-xs-12" style="border-left: 1px solid #e2e2e2">
        <legend>预览</legend>
        <div class="preview">
            <iframe id="ebill-iframe" style="width: 100%;height:100%;border:none;overflow: hidden;margin-left: auto;margin-right: auto"></iframe>
        </div>
    </div>
</div>

